<template>
  <div class="body">
    <!-- 顶部设置和退出 -->
    <div class="top">
      <div class="imgs">
        <img src="../../public/images/404/fbs.png" alt="" />
        <h3>专注于换热设备研发制造与服务</h3>
      </div>
      <div class="system">
        <el-button
          type="danger"
          divided
          @click.native="logout"
          icon="el-icon-switch-button"
          >退出系统</el-button
        >
      </div>
    </div>
    <!-- 版心-->
    <bodyPage />
    <!-- 系统设置 -->
    <!-- <system  /> -->
  </div>
</template>

<script>
import bodyPage from "@/components/bodypage.vue";

export default {
  components: {
    bodyPage,
  },
  data() {
    return {
      isshow: true,
    };
  },
  mounted() {},
  methods: {
    async logout() {
      this.$confirm("确定注销并退出系统吗？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.$store.dispatch("FedLogOut").then(() => {
            location.href = "/";
          });
        })
        .catch(() => {});
    },
  },
};
</script>

<style lang="scss" scoped>
@import "../../public/styles/index.scss";
</style>


           
            
           
             
           
            
           
              
           
             
            
              
           
             
            
             
           
            
            
            
           
             
           
             
          